<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/echarts.js"></script>
	</head>
	<body>
		<div id="job" style="width:600px;height:400px;">
			
		</div>
		<script type="text/javascript">
			myCharts=echarts.init(document.getElementById("job"));//echarts对象
			var option={
				title:{
					text:'2019届各专业就业人数',
					subtext:'太原学院计算机系',
					left:'center'
				},
				tooltip:{},
				toolbox:{
					show:true,
					feature:{
						mark:{show:true},
						dataView:{
							show:true,readOnly:false
					    },
						magicType:{
							show:true,type:['line','bar']
						},
						restore:{show:true},
						saveAsImage:{show:true}
					}
				},
				xAxis:{//x轴
					data:["计算机科学与技术","网络工程","数字媒体技术","土木建筑"]
				},
				yAxis:{//默认不做设定
					
				},
				series:[
					{
						name:'就业数据',
						type:'bar',
						data:[900,700,550,1000]
					}
				]
			};
			myCharts.setOption(option);//设置参数
			/*
			 分为三步，初始化，编辑参数，添加
			 * */
		</script>
	</body>
</html>
